<script>
    function vesA(id){
        window.location="selmodifyItem?reftype=" + id.value;
    }
    function vesASub(id){
        window.location="selmodifyItem?refsubtype=" + id.value;
    }
    function vesAN(id){
        window.location="selmodifyItem?reftypeN=" + id.value;
    }
    function vesASubN(id){
        window.location="selmodifyItem?refsubtypeN=" + id.value;
    }
    function vesAProd(id){
        window.location="selmodifyItem?refprod=" + id.value;
    }
    function vesALang(id){
        window.location="selmodifyItem?lang=" + id.value;
    }
</script>    

<!-- BEGIN CONTEINER -->
<div id="content">
    <div id="title">
        <div class="left"><fmt:message key="modifyitem"/></div>
        <div class="sp"></div>
    </div>
    <form id="form1" method="post" action="<c:url value='/changeProd'/>">
        <div class="bloc">		
            <div class="iz">
                <fmt:message key="type"/>:<br/>
                <select id="Tipus_producte" name="Tipus_producte" onchange="vesA(this)">
                    <c:forEach var="type" items="${types}"  varStatus="iter">              
                        <option value="${type.idtypeProduit}" ${(iter.index == selectedType) ? 'selected' : ' '}>${type.typeProduit}</option>
                    </c:forEach>
                </select>
                <br />

                <fmt:message key="subtype"/>:<br/>               
                <select id="tipus" name="Subtipus_producte" onchange="vesASub(this)">
                    <c:forEach var="subtype" items="${subtypes.get(selectedType)}"   varStatus="iter">
                        <option value="${subtype.idtypeProduit}" ${(iter.index == selectedSubType) ? 'selected' : ' '}>${subtype.typeProduit}</option>
                    </c:forEach>
                </select>
                <br/>
                <fmt:message key="langue"/>:<br/>               
                <select id="tipus" name="langue" onchange="vesALang(this)">
                    <c:forEach var="langue" items="${langues}"   varStatus="iter">
                        <option value="${langue.idlangue}" ${(langue.idlangue == selectedLang) ? 'selected' : ' '}>${langue.nom}</option>
                    </c:forEach>
                </select>
                <br/>
                <fmt:message key="produit"/>:<br/>
                <select name="tproducte" id="tproducte" onchange="vesAProd(this)">
                    <c:forEach var="produit" items="${produits}">
                        <option value="${produit.produit.idproduit}" ${(produit.produit.idproduit == selectedProd) ? 'selected' : ' '}>${produit.description.descriptionBref}</option>
                    </c:forEach>
                </select>	

                <label for="tipDesSort_sp"><fmt:message key="nomp"/>: </label>
                <br/>
                <input type="text" value="${produits.get(selectedProdOrd).description.descriptionBref}" id="tipDesSort" name="tipDesSort_sp" size="20" maxlength="35"/>
                <br/>
                <label for="tipDesLong"><fmt:message key="description"/>: </label>
                <textarea id="tipDesLong" name="tipDesLong" rows="6" cols="32">${produits.get(selectedProdOrd).description.description}</textarea>

            </div>

            <div class="der">
                <img name="img_prod" id="img_prod" src="data/images/produits/${(produits != null) ? produits.get(selectedProdOrd).produit.image : 'photo_non_disponible.gif'}" align="middle" alt="Producte" width="300px" height="310px" />
                <p>
                    <label for="desSort"><fmt:message key="photo"/>: </label>
                    <input type="file" id="pic" name="pic" accept="image/jpeg" onchange="updatePhoto(this)"/>
                </p>
            </div>

            <div style="clear: both;"></div>
            <br/>
            <div class="peu">
                <fmt:message key="newtype"/>: 
                <select id="Tipus_producte" name="Tipus_producteN" onchange="vesAN(this)">
                    <c:forEach var="type" items="${types}"  varStatus="iter">              
                        <option value="${type.idtypeProduit}" ${(iter.index == selectedTypeN) ? 'selected' : ' '}>${type.typeProduit}</option>
                    </c:forEach>
                </select>

                <fmt:message key="newsubtype"/>: 

                <select id="tipus" name="Subtipus_producteN" onchange="vesASubN(this)">
                    <c:forEach var="subtype" items="${subtypes.get(selectedTypeN)}"   varStatus="iter">
                        <option value="${subtype.idtypeProduit}" ${(subtype.idtypeProduit == selectedSubTypeN) ? 'selected' : ' '}>${subtype.typeProduit}</option>
                    </c:forEach>
                </select>
                <br/><br/>
                <label for="preu"><fmt:message key="price"/>:</label><input type="text" value="${produits.get(selectedProdOrd).produit.prix}" id="preu" name="preu" size="4" maxlength="6"/>
                <label for="remise"><fmt:message key="remise"/>:</label><input type="text" value="${produits.get(selectedProdOrd).produit.remise}" id="remise" name="remise" size="4" maxlength="2" onkeyup="this.value=validarSiNumero(this.value);"/>
                <label for="tags"><fmt:message key="tags"/>:</label><input type="text" value="${produits.get(selectedProdOrd).produit.tags}" id="tags" name="tags" size="30" maxlength="200"/>
                <br/><br/>
                <label for="st_ini"><fmt:message key="stoci"/>:</label><input type="text" value="${produits.get(selectedProdOrd).produit.stockInitial}" id="st_ini" name="st_ini" size="4" maxlength="6" onkeyup="this.value=validarSiNumero(this.value);"/>
                <label for="st_act"><fmt:message key="stoca"/>:</label><input type="text" value="${produits.get(selectedProdOrd).produit.stockActuel}" id="st_act" name="st_act" size="4" maxlength="6" onkeyup="this.value=validarSiNumero(this.value);"/>
                <label for="st_notif"><fmt:message key="stocm"/>:</label><input type="text" value="${produits.get(selectedProdOrd).produit.stockNotification}" id="st_notif" name="st_notif" size="4" maxlength="6" onkeyup="this.value=validarSiNumero(this.value);"/>
            </div>

            <div class="botons">
                <input type="submit" name="save" value="<fmt:message key="save"/>"/>
            </div>
        </div>
    </form>
</div>
<!-- END CONTENT -->
<div class="sp"></div>
</div>
<div class="sp"></div>
</div>

